@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.header {
  margin-bottom: $gutter;
  padding: 0.12rem $pagePadding;
  background: #fff;
  .name {
    color: $primary;
  }
}
.content {
  padding: 0 $pagePadding;
  .question {
    padding: $pagePadding;
    background: #fff;
    .q {
      display: flex;
      align-items: center;
      margin-bottom: 0.12rem;
      .label {
        margin-right: 0.12rem;
        font-size: 0.12rem;
        color: #fff;
        background: #e74c3c;
        @include radius(0.18rem, 0.02rem);
      }
      .value {
        font-size: 0.16rem;
      }
    }
    .timebox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0.32rem;
      .time {
        font-size: 0.12rem;
        color: $font3;
      }
    }
  }
  .list {
    margin-bottom: $gutter;
    padding-top: 0.24rem;
    background: #fff;
    .item {
      padding: 0 $pagePadding 0.24rem;
      .avatarbox {
        display: flex;
        align-items: center;
        .avatar {
          @include avatar(0.32rem);
        }
      }
      .txt {
        margin: $gutter 0;
        line-height: 0.2rem;
      }
      .time {
        font-size: 0.12rem;
        color: $font3;
      }
    }
  }
}
.fill {
  height: $tabbarHeight;
}
.fixed-bottom {
  display: flex;
  align-items: center;
  padding: 0 $pagePadding;
  height: $tabbarHeight;
  background: #fff;
  box-shadow: $tabbarShadow;
  .btn {
    flex: 1;
    height: 0.36rem;
  }
  .btn-q {
    background: linear-gradient(90deg, rgba(27, 206, 153, 1) 0%, rgba(43, 212, 239, 1) 100%);
  }
  .btn-a {
    margin-left: $pagePadding;
    background: linear-gradient(90deg, rgba(244, 156, 52, 1) 0%, rgba(244, 212, 52, 1) 100%);
  }
}
.empty, .loading {
    position: relative;
    height: calc(100vh - #{$navbarHeight});
    background: #fff;
}
.empty {
    height: 3.2rem;
}